; (function () {
    let myChart1 = echarts.init(document.querySelector('.box-m1-L1'))
    let myChart2 = echarts.init(document.querySelector('.box-m1-L2'))
    let myChart3 = echarts.init(document.querySelector('.box-m1-L3'))
    let option1 = {

        // 加水印
        graphic: [
            {
                type: 'text',
                top: '40%',
                left: '42%',
                style: {
                    text: '523',
                    fill: '#fff',
                    color: '#fff',
                    fontSize: 16,
                    fontWeight: 'bold'
                }
            }, {
                type: 'text',
                top: '55%',
                left: '40%',
                style: {
                    text: '占比64%',
                    fill: '#A6A8B6',
                    fontSize: 10,
                    fontWeight: 'normal'
                }
            },
        ],
        series: [
            {
                type: 'pie',
                //   radius: '50%',
                radius: [40, 30],
                label: {
                    show: false
                },
                startAngle: 200,
                data: [
                    {
                        value: 36,
                        itemStyle: {
                            color: '#333843'
                        }
                    },
                    {
                        value: 64,
                        itemStyle: {
                            color: '#6abaf2'
                        }
                    },
                ]
            }
        ]
    };
    let option2 = {

        // 加水印
        graphic: [
            {
                type: 'text',
                top: '40%',
                left: '42%',
                style: {
                    text: '298',
                    fill: '#fff',
                    color: '#fff',
                    fontSize: 16,
                    fontWeight: 'bold'
                }
            }, {
                type: 'text',
                top: '55%',
                left: '40%',
                style: {
                    text: '占比36%',
                    fill: '#A6A8B6',
                    fontSize: 10,
                    fontWeight: 'normal'
                }
            },
        ],
        series: [
            {
                type: 'pie',
                //   radius: '50%',
                radius: [40, 30],
                label: {
                    show: false
                },
                startAngle: 200,
                data: [
                    {
                        value: 64,
                        itemStyle: {
                            color: '#333843'
                        }
                    },
                    {
                        value: 36,
                        itemStyle: {
                            color: 'yellow'
                        }
                    },
                ]
            }
        ]
    };
    let option3 = {

        // 加水印
        graphic: [
            {
                type: 'text',
                top: '40%',
                left: '42%',
                style: {
                    text: '298',
                    fill: '#fff',
                    color: '#fff',
                    fontSize: 16,
                    fontWeight: 'bold'
                }
            }, {
                type: 'text',
                top: '55%',
                left: '40%',
                style: {
                    text: '占比64%',
                    fill: '#A6A8B6',
                    fontSize: 10,
                    fontWeight: 'normal'
                }
            },
        ],
        series: [
            {
                type: 'pie',
                //   radius: '50%',
                radius: [40, 30],
                label: {
                    show: false
                },
                startAngle: 200,
                data: [
                    {
                        value: 36,
                        itemStyle: {
                            color: '#333843'
                        }
                    },
                    {
                        value: 64,
                        itemStyle: {
                            color: 'green'
                        }
                    },
                ]
            }
        ]
    };
    // 步骤5：使用刚指定的配置项和数据显示图表
    myChart1.setOption(option1)
    myChart2.setOption(option2)
    myChart3.setOption(option3)

    window.addEventListener('resize', () => {
        myChart1.resize()
        myChart2.resize()
        myChart3.resize()
    })
})()